/**
 * 尽量使用es6+
 */

import React from "react";
import LearnFC from "./learn-fncComponent";

/**
 * 首先导出一个类 这个类名 必须全局唯一
 * 并且这个类会继承React.Component这个类（抽象类）
 * 所有的类组价必须要使用class语法编写，并且必须要继承React.Component
 * 
 * 注意：
 * class 中使用extends关键自检实现继承并且该class及拥有了React.Component
 * 所有的方法属性等
 */
export default class LearnClassComponent extends React.Component {


  /**
   * render函数负责渲染页面，也就说编写html（jsx）的地方
   * render函数中必须要有return，return里面只能编写html（jsx）
   * 并且只能 有一个根节点
   * render函数每次组件渲染都会被重新你调用
   * 
   * 所有的react组件里面必须要有render函数
   */
  render () {
    return (
      <div>
        <div>你好，我是React1111</div>
         <LearnFC></LearnFC>
      </div>
    )
  }
}